<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<div class="frame" id="palette">
  <div class="title">
    WcmE
  </div>
  <select class="combo" id="palette.fontfamily">
    <option class="even" value="" selected="selected" label=" "> </option>
    <option class="odd" value="serif" label="Serif">Serif</option>
    <option class="even" value="sans-serif" label="Sans-Serif">Sans-Serif</option>
    <option class="odd" value="cursive" label="Cursive">Cursive</option>
    <option class="even" value="fantasy" label="Fantasy">Fantasy</option>
    <option class="odd" value="monospace" label="Monospace">Monospace</option>
  </select>
  <select class="combo" id="palette.size" >
    <option class="even" value="" selected="selected" label=" "> </option>
    <option class="odd" value="8pt" label=" 8">8</option>
    <option class="even" value="10pt" label="10">10</option>
    <option class="odd" value="12pt" label="12">12</option>
    <option class="even" value="14pt" label="14">14</option>
    <option class="odd" value="18pt" label="18">18</option>
    <option class="even" value="24pt" label="24">24</option>
    <option class="odd" value="36pt" label="36">36</option>
  </select>
  <a class="item" id="palette.plus" style="">
    +
  </a>
  <a class="item" id="palette.minus" style="">
    -
  </a>
  <div class="item" id="palette.fgcol">
    A
  </div>
  <div class="item" id="palette.bgcol" style="color: white;background-color: black;">
    A
  </div>
  <a class="item" id="palette.bold" style="font-weight: bold;">
    B
  </a>
  <a class="item" id="palette.italic" style="font-style: italic;">
    I
  </a>
  <a class="item" id="palette.underline" style="text-decoration: underline;">
    U
  </a>
  <a class="item" id="palette.linethrough" style="text-decoration: line-through;">
    L
  </a>
  <a class="item" id="palette.super">
    A<span style="vertical-align: super;font-size:8px;">a</span>
  </a>
  <a class="item" id="palette.sub">
    A<span style="vertical-align: sub;font-size:8px;">a</span>
  </a>
</div>
    